<script src="../js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="../dist/js/bootstrap.js" type="text/javascript"></script>
<link href="../dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<div class="bs-example tooltip-demo" style="margin-top:100px;">
      <p style="margin-bottom: 0;" class="muted">Tight pants next level keffiyeh <a title="" data-toggle="tooltip" href="#" data-original-title="Default tooltip you probably">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a title="" data-toggle="tooltip" href="#" data-original-title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a title="Another one here too" data-toggle="tooltip" href="#">whatever keytar</a>, scenester farm-to-table banksy Austin <a title="" data-toggle="tooltip" href="#" data-original-title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
      </p>
    </div>
<script type="text/javascript">
  $(document).ready(function(){
  // tooltip demo
    $('.tooltip-demo').tooltip({
      selector: "[data-toggle=tooltip]",
      container: "body"
    })
  });
</script>

